<!-- 推荐论坛帖子 -->
<div class="sidebar-card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-comments"></i> 论坛热帖</h3>
        <a href="#" class="see-all">更多</a>
    </div>

    <div class="forum-posts">
        <div class="forum-post">
            <h4 class="post-title">大家是如何解决React状态管理复杂性的？</h4>
            <p class="post-meta">
                <span class="comments"><i class="far fa-comment"></i> 128</span>
                <span class="views"><i class="far fa-eye"></i> 3.2k</span>
            </p>
        </div>

        <div class="forum-post">
            <h4 class="post-title">TypeScript是否值得在小型项目中使用？</h4>
            <p class="post-meta">
                <span class="comments"><i class="far fa-comment"></i> 95</span>
                <span class="views"><i class="far fa-eye"></i> 2.7k</span>
            </p>
        </div>

        <div class="forum-post">
            <h4 class="post-title">分享一下你的前端面试经验</h4>
            <p class="post-meta">
                <span class="comments"><i class="far fa-comment"></i> 217</span>
                <span class="views"><i class="far fa-eye"></i> 5.8k</span>
            </p>
        </div>
    </div>
</div>
